import { login } from '@/api/user'
import { getToken, removeToken, setToken } from '@/utils/auth'
import { getUserInfo, getUserDetailById } from '@/api/user'
import { resetRouter } from '@/router/index'
export default {
  namespaced: true,
  state: {
    token: getToken() || '',
    userInfo: {}
  },
  mutations: {
    setToken(state, tokenValue) {
      // 存入vuex
      state.token = tokenValue
      // 存入本地 cookie
      setToken(tokenValue)
    },
    setUserInfo(state, userInfo) {
      state.userInfo = userInfo
    },
    removeUserInfo(state) {
      // 清楚vuex
      state.token = ''
      state.userInfo = {}
      // 清楚本地
      removeToken()
      resetRouter()
    }

  },
  actions: {
    // ctx 当前模块上下文的
    async fetchLogin({ commit }, form) {
      // 1.调用接口请求
      const res = await login(form)

      // 2.拿到接口返回值，提交mutaion函数进行修改
      commit('setToken', res)
      // 当我们想要另外一个模块中使用action函数内部的数据时
      // 应该吧这个数据return出去
      return res
    },

    // 获取用户信息
    async fetchGetUserInfo({ commit }) {
      const res = await getUserInfo()
      commit('setUserInfo', res)
      const detailRes = await getUserDetailById(res.userId)
      commit('setUserInfo', { ...res, ...detailRes })
    }
  }
}
